<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo12表单-下拉框数据绑定</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
     <select v-model="selected" name="fruit">
       <option value="">选择一个网站</option>
       <option value="www.runoob.com">Runoob</option>
       <option value="www.baidu.com">Baidu</option>
     </select>

     <div id="output">
       选择的网站是:{{selected}}
     </div>
     <input v-model.number="age" type="number">
     <input  v-model.trim="msg" id="content"  >
   </div>

</body>

<script type="application/javascript">
  var vm = new Vue({
    el: "#app",
    data: {
      selected: 'www.runoob.com',
      msg: '你好啊',
      age: 10
    }
  });

</script>
</html>
